<template>
  <view class="box">
    <view class="box1">
      <view class="box12">
        商品评价
        <!-- 星星 -->
        <view class="box13">
          <image src="/static/image5.png" />
        </view>
        <view class="box14">请输入评价内容</view>
        <view class="box15">
          <image src="/static/image2.png" />
        </view>
        <view class="box16">
          <image src="/static/image3.png" />

          <view class="box4">
            <uv-button
              type="primary"
              shape="circle"
              size="normal"
              color="red"
              text="提交"
              @click="listreviews"
            ></uv-button>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    listreviews(){
      uni.navigateTo({
         url: '/pages/listreviews/listreviews'
      });
    },
  },
};
</script>

<style>
.box4 {
  margin-top: 100rpx;
  width: 680rpx;
  margin-left: 35rpx;
}
.box16 image {
  width: 200rpx;
  height: 200rpx;
  margin-left: -100rpx;
  margin-top: -340rpx;
  position: absolute;
}
.box15 image {
  width: 200rpx;
  height: 250rpx;
  margin-top: 60rpx;
  margin-left: -425rpx;
}
.box14 {
  color: rgb(189, 187, 187);
  margin-left: -380rpx;
  font-size: 33rpx;
  margin-top: 30rpx;
}
.box13 image {
  width: 500rpx;
  height: 100rpx;
  margin-top: 20rpx;
  margin-left: -12rpx;
}
/* .box11{
  background-color: rgb(220, 219, 219);
  border: 1px solid red;
  height: 200rpx;
  position: absolute;
} */
.box12 {
  /* border: 1px solid red; */
  background-color: white;
  margin-top: 45rpx;
  position: absolute;
  width: 750rpx;
  height: 600rpx;
  font-size: 40rpx;
  text-align: center;
  padding-top: 50rpx;
}
/* .box1{
  background-color: rgb(220, 219, 219);
 
  height: 50rpx;
} */
.box {
  background-color: rgb(250, 246, 246);
  height: 1400rpx;
}
</style>
